@charset "UTF-8";
/*
Copyright @ 校咖微平台后台管理系统
*/
html,body{ height: 100%; overflow: hidden; }
#main{ width: 100%; height: 100%; background-image:url(../images/back.jpg); background-repeat:repeat; background-position: center 0; }
.login, .login-back, .login-box{ width: 400px; height: 480px; overflow: hidden; }
.login{ position: fixed; top:50%; left:50%; z-index: 1; margin-top: -240px; margin-left: -200px; }
.login .login-back{ background:#fff; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; border-radius: 5px; }
.login-box{ position: absolute; top:0; left:0; }
.login .logo{ margin-top: 40px; text-align: center; margin-bottom: 40px; }
.form{ position: relative; width: 280px; margin:0 auto; }
.form .form-input{ position: relative; height: 48px; overflow: hidden; margin-bottom: 20px; }
.form .form-input input{ position: absolute; top:0; left:0; z-index: 1; width: 230px; height: 48px; border-radius: 3px; border:0; padding-left: 40px; line-height: 48px; padding-right: 10px; color: #fff; background:none; }
.form .form-input .fi-back{ width: 280px; height: 48px; background:#fff; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; }
.form .form-input i{ position: absolute; top:13px; left:10px; background-image: url(../images/login_icon.png); background-repeat:  no-repeat; width: 21px; height: 20px; }
.form .form-input i.user{ background-position: -9px -8px; }
.form .form-input i.password{ background-position: -39px -8px; }
.form .form-record{ margin-bottom: 20px; overflow: hidden; }
.form .form-record input, .form .form-record span{ float: left; }
.form .form-record input{ margin-right: 10px; border:1px solid #fff; margin-top: 1px; }
.form .form-record span{ font-size: 14px; color: #fff; line-height: 1; }
.form-btn, .form-btn input{ width: 280px; height: 48px; }
.form-btn input{ background: #009933; border:0; border-radius: 5px; color:#fff; font-size: 20px; cursor: pointer; }
.form-btn input:hover{ background: #04a73a; }
.form-error{ position: absolute; top:-24px; left:0; font-size: 12px; }